.header {
    height: 814px;
    width: 100%;
    background-color: lightslategray;
}
.detail {
    height: 1322px;
    background-color: cadetblue;   
}
.buy {
    height:1742px;
    background-color: lightskyblue;
}
.recommand {
    height: 616px;
    background-color: lightskyblue;
}

.content {
    width: 1200px;
    height: 100%;
    background-color: lightslategray;
    margin: 0 auto;
}
.guide {
    height: 98px;
    background-color: lightgreen;
    display: flex;
    justify-content: space-around;
}
.space1 {
    width:228px;
    background-color: plum;
}
.space2 {
    height:232px;
    background-color: plum;
    margin-top: 228px;
}
.box1 {
    width: 1148px;
    height:506px;
    background-color: mediumpurple;
    margin: 66px 0px 160px 50px ;
    display:flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
.box1a {
    width: 420px;
    height: 100%;
    background-color: darkseagreen;
}
.box1b {
    width: 660px;
    height: 348px;
    background-color: cornflowerblue;
}
.box1c {
    width: 366px;
    height: 240px;
    background-color:p;
    position: absolute;
    left: 118px;
    top: 330px;
}
.box2 {
    width: 100%;
    height: 402px;
    background-color: lightpink;
}
.box2a {
    width: 100%;
    height:150px;
    background-color: paleturquoise;
}
.box2b {
    width: 100%;
    height: 250px;
    background-color: palegreen;
}
.box3 {
    width: 240px;
    height: 64px;
    background-color: palevioletred;
    margin: 60px auto 0px 0px;
}
.box5 {
    height: 388px;
    background-color: lightgray;
    position: relative
}
.box5 :nth-child(1){
    height: 218px;
    background-color: goldenrod;
}
.box5 :nth-child(2){
    height: 172px;
    background-color: darkkhaki;
}
.box5 :nth-child(3){
    height: 36px;
    width: 92px;
    background-color: darkorange;
    position: absolute;
    top: 198px;
    left: 40px;
}
.box6 {
    width: 812px;
    height: 370px;
    background-color: lemonchiffon;
    margin: 60px auto;
}
.box6a {
    height: 884px;
    background-color: lightblue;
}
.box6b {
    width: 814px;
    height: 272px;
    background-color: cadetblue;
}
.show {
    width: 884px;
    height: 650px;
    background-color: darkkhaki;
    margin: 0 auto;
}
.title {
    height: 100px;
    background-color: darkslateblue;
}
.box7 {
    width: 882px;
    height: 546px;
    background-color: paleturquoise;
    display: flex;
    justify-content: space-between;
}
.box7a {
    width: 250px;
    height: 546px;
    background-color: bisque;
}
#box7b {
    height: 222px;
    background-color: aquamarine;
}
#box7c {
    height: 300px;
background-color: aqua;
}
#box7d {
    height:366px;
    background-color: cornflowerblue;
}
#box7e {
    height: 170px;
    background-color: darkgreen;
}
#box7f {
    height: 222px;
    background-color: deeppink;
}
#box7g {
    height: 300px;
    background-color: greenyellow;
}
.box8 {
    width: 240px;
    height: 64px;
    background-color: lightslategrey;
    margin: 60px auto 0px;
}
.box9 {
    height:1012px;
    background-color: lightskyblue;
}
.last2 {
    /*height: 92px;*/
    background-color: darkslateblue;
    /* position: relative; */
}
.box10 {
    
    width: 882px;
    height: 475px;
    margin-left: 172px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    padding-top: 92px;
}

#box10a {
    width: 374px;
    height: 116px;
    background-color: coral;
    margin: bottom 10px;
}
#box10b {
    width: 374px;
    height: 116px;
    background-color: goldenrod;
    margin: bottom 10px;
}
#box10c {
    width: 374px;
    height: 116px;
    background-color: darksalmon;
}
